<template>
  <div class="home">
    <h2>count: {{ counterStore.count }}</h2>
    <h2>doubleCounter:{{ counterStore.doubleCount }}</h2>
    <h2>doubleCounterAddOne:{{ counterStore.doubleCountAddOne }}</h2>
    <h2>getfriendById: {{ counterStore.getFriendById(101) }}</h2>
    <h2>不同store的调用: {{ counterStore.showMessage }}</h2>
  </div>
</template>

<script setup>
  import useUser from '@/stores/user'
  import useCounter from '@/stores/counter'
  import { toRefs } from 'vue'
  import { storeToRefs } from 'pinia' 

  const counterStore = useCounter()


</script>

<style scoped>
</style>